<template>
    <section class="huodongs">
        <!-- <navbar :title="$t('h_title.hudong')" :right_show="false" :type="1"></navbar> -->
		<topHeader></topHeader>
        <section id="huodong">
            <section class="huodong" v-for="item in huodong"><router-link :to="'/activedetail?id='+item.id">
                <img :src="url + item.title_img" class="img1" alt="">
                <!-- <p>{{item.title}}</p> -->
            </router-link></section>
        </section>
		<bottom></bottom>
    </section>
</template>

<script>
	import Bottom from "@/components/bottom"
    import navbar from "@/components/navbar"
	import topHeader from "@/components/topHeader"
    export default {
        name: "huodongxiangqing",
        components: {
            navbar,
			Bottom,
			topHeader
        },
        data() {
            return {
                huodong: [],
                url: this.$https.baseUrl
            }
        },
        mounted() {
            this.onLoad()
        },
        methods: {
            onLoad() {
                this.$https.fetchGet('/m/activity_list',{}).then( res => {
                    let data = res.data
                    this.huodong = data.data
                })
            }
        }
    }
</script>

<style lang="less">
	.huodongs{
		height: 100%;
		min-height: 100vh;
		// background: url("~path_img/huodongbg.png") center no-repeat;
		// background-size: cover;
		background-color: #222222;
	}
    #huodong{
        padding: 15px 15px;
        .huodong{
            margin-bottom: .2rem;
            img{
                width: 100%;
				height: 136px;
				border-radius: 10px;
            }
            p{
                color: #000;
                font-size: .34rem;
                text-align: left;
                background: linear-gradient(to right,#ffdd1d, #000);
                padding: .3rem .4rem;
                border-radius: .1rem;
				margin-top: -.21rem;
				margin-left: -.3rem;
            }
        }
    }


</style>
